<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>神奇的标签模板实例操作</title>
</head>

<body>

</body>
<script>
  "use strict";
  let lessons = [{
    title: "后盾人",
    author: "向军"
  }, {
    title: "陈宇",
    author: "坐着"
  }, {
    title: "好人",
    author: "坏人"
  }];

  const template = () => {
    return `<ul>
      ${lessons.map((item,index,arr)=>`<li>作者:${item.author},是什么的${item.title}</li>`).join("")}
    </ul>`;
  };

  document.body.innerHTML += template();
</script>

</html>